<template>
    <div>
        <div style="height:1.8rem;"></div>
        <TabItems :itemgroup="menuarr" v-on:onTabChang='onChangeFn' v-if='isTab'></TabItems>
        <router-view></router-view>
    </div>
</template>
<script>
    import TabItems from '@/components/common/TabItems'
    export default {
        components:{
            TabItems
        },
        data () {
            return {
                menuarr:[
                    {name:'协会领导',url:'/member'},
                    {name:'会员风采',url:'/member/hyfc'},
                    {name:'会员活动',url:'/member/hyhd'}
                ],
                isTab:true,
            }
        },
        created(){
            this.$store.commit('setTitle',"会员专区");
        },
        methods:{
            // tab 点击事件,e:子路由地址
            onChangeFn(e){
               this.$store.commit('setMenu',e);
               this.$router.push(`${e}`);
            }
        }
    }
</script>
<style lang="less" scoped>
@import url(../assets/css/member/member.less);
</style>

